<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>厂商前缀</title>
    <style>
        /* CSS3新特性有些浏览器不兼容，所以要加浏览器前缀
            五大主流浏览器
            IE  Internet Explorer （internet explorer）
            FF  Firefox （火狐）
            Opera  Opera （欧朋）
            Safari （苹果）  
            Chrome （谷歌）

            -webkit- 谷歌和Safari
            -moz- 火狐
            -ms- IE
            -o- Opera

            -webkit-transform 谷歌和Safari
            -moz-transform 火狐
            -ms-transform IE
            -o-transform Opera

            浏览器内核
            Trident     IE内核
            Gecko       Firefox等使用的内核
            Webkit      Safari和谷歌使用的内核
            Presto      Opera使用的内核
            KHTML       Konqueror使用的内核
         */

         /* css hack：
         1、条件hack -- 同html的位置

         <!--[if IE]>
              IE 内核的浏览器
         <![endif]-->

         <!--[if lt IE 6]>
              IE 内核的浏览器，版本小于6
         <![endif]-->

         <!--[if IE 6]>
              IE 内核的浏览器，版本为6
         <![endif]-->

         <!--[if IE 7]>
              IE 内核的浏览器，版本为7
         <![endif]-->

         <!--[if IE 8]>
              IE 内核的浏览器，版本为8
         <![endif]-->

         <!--[if IE 9]>
              IE 内核的浏览器，版本为9
         <![endif]-->

         <!--[if gt IE 9]>
              IE 内核的浏览器，版本大于9
         <![endif]--> */
    </style>
</head>
<body>
    
</body>
</html> 